<!DOCTYPE html>
<html lang="zh">

	<!-- Header部分 -->
	<head>
		<include file="Public/head" />
		<title>首页--{$config['store_name']}</title>
		<link media="all" type="text/css" rel="stylesheet" href="__STATIC__/css/base.min.css">
		<link media="all" type="text/css" rel="stylesheet" href="__STATIC__/css/detail.css">
		<link media="all" type="text/css" rel="stylesheet" href="__STATIC__/css/footer.css">
		<script src="__STATIC__/js/superslide.2.1.js"></script>
	</head>
	<!-- Header部分 -->
	<include file="Public/header" />
	<style type="text/css">
		
	</style>
	<!-- 页眉部分 -->
	<div class="banner">

		<div class="banner">
			<div class="bd">
				<a href="#" target="_self" class="banevent" style="background-image:url(http://res.cclx.com/home/f_150119194657532937.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://res.cclx.com/home/f_150119194657532937.jpg'),sizingMethod='scale');"></a>
				<a href="#" target="_self" class="banevent" style="background-image:url(http://res.cclx.com/home/f_150115175733456225.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://res.cclx.com/home/f_150115175733456225.jpg'),sizingMethod='scale');"></a>
				<a href="#" target="_self" class="banevent" style="background-image:url(http://res.cclx.com/home/f_150115175953458878.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://res.cclx.com/home/f_150115175953458878.jpg'),sizingMethod='scale');"></a>
				<a href="#" target="_self" class="banevent" style="background-image:url(http://res.cclx.com/home/f_150115175840457787.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://res.cclx.com/home/f_150115175840457787.jpg'),sizingMethod='scale');"></a>
				<a href="#" target="_self" class="banevent" style="background-image:url(http://res.cclx.com/home/f_150121104723157259.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://res.cclx.com/home/f_150121104723157259.jpg'),sizingMethod='scale');"></a>

			</div>

		</div>

		<div class="hd">
			<ul>
			</ul>
		</div>
		<span class="prev"></span> <span class="next"></span>
	</div>
	<!-- 页眉部分 -->

	<!-- 家庭朋友出境旅行首选部分 -->
	<div class="preferred">
		<div class="preferred_tit">家庭朋友出境旅行首选</div>
		<div class="preferred_img"><img src="__STATIC__/images/index_Bg.png" /></div>
	</div>
	<!-- 精选目的地部分-->
	<div class="beeline">
		<div class="beeline_tit01"></div>
		<div class="g_line_l"></div>
		<div class="g_line_r"></div>
	</div>
	<div class="chosen_con">
		<div class="dest_tab" id="tab">
			<ul>

				<volist name="desc_list" id="vo">
					<li>
						<a href="javascript:void(0)">{$vo.desc}<i class="arrow"></i></a>
					</li>
				</volist>

			</ul>
		</div>

		<div class="dest_bg">
			<div class="tab_con" id="tab_con">
				<volist name="desc_list" id="vo1">
					<div class="home_con clearfix" style="display: none;">
						<div class="dest_left">
							<volist name="vo1['list']" id="vo" offset="0" length="2">

								<div class="dest_pro w320 dest_pro1">
										<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_blank"><img style="width: 100%;" src="{$vo.logo}" alt="目的地1-1"></a>
									<div class="dest_title">
										<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_blank" title="{$vo.name}">{$vo.name}</a>
								<p title="{$vo.feature}">{$vo.feature}</p>
									</div>
									<p class="add_price">
										<span class="dest_add left" title=" {$vo.startplace}">
                    <i></i>
                                           {$vo.startplace}
                                        </span>
										<span class="dest_price right red t20">¥<strong>{$vo.price}</strong>起</span>
									</p>
								</div>

							</volist>
							<volist name="vo1['list']" id="vo" offset="2" length="1">

								<div class="dest_pro dest_pro3">
									<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_blank"><img src=" {$vo.logo}" alt="目的地1-1"></a>
									<div class="dest_title">
										<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_blank" title="{$vo.name}">{$vo.name}</a>
								<p title="{$vo.name}">{$vo.name}</p>
									</div>
									<p class="add_price">
										<span class="dest_add left" title=" {$vo.startplace}">
                    <i></i>
                                           {$vo.startplace}
                                        </span>
										<span class="dest_price right red t20">¥<strong>{$vo.price}</strong>起</span>
									</p>
								</div>

							</volist>

						</div>
						<volist name="vo1['list']" id="vo" offset="3" length="1">
							<div class="dest_right">
								<div class="dest_pro w320 dest_pro2">
											<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_blank"><img src=" {$vo.logo}" alt="目的地1-1"></a>
									<div class="dest_title">
										<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_blank" title="{$vo.name}">{$vo.name}</a>
								<p title="{$vo.name}">{$vo.name}</p>
									</div>
									<p class="add_price">
										<span class="dest_add left" title=" {$vo.startplace}">
                    <i></i>
                                           {$vo.startplace}
                                        </span>
										<span class="dest_price right red t20">¥<strong>{$vo.price}</strong>起</span>
									</p>
								</div>
							</div>
						</volist>
					</div>
				</volist>

			</div>
		</div>
		
	
	</div>
	
	<!--热门城市-->
		<div class="beeline" >
		<div class="beeline_tit01" style="background:url('__STATIC__/images/group_title_tip_3.png') no-repeat;height: 50px;"></div>
		<div class="g_line_l"></div>
		<div class="g_line_r"></div>
	</div>
<div class="dest_bg" style="border-top: 0px solid #FFFFFF;">
			<div class="tab_con" id="tab_con">
			
					<div class="home_con clearfix" style="display: block;">
						<div class="dest_left" style="width: 100%;">
						<volist name="route_list['list']" id="vo" >
                                 <if condition ="$vo['hotcity'] eq 1">
								<div class="dest_pro w320 dest_pro1">
												<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_blank"><img style="width: 100%;" src="{$vo.logo}" alt="目的地1-1"></a>
									<div class="dest_title">
										<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_blank" title="{$vo.name}">{$vo.name}</a>
								<p title="{$vo.feature}">{$vo.feature}</p>
									</div>
									<p class="add_price">
										<span class="dest_add left" title=" {$vo.startplace}">
                                      <i></i>
                                           {$vo.startplace}
                                        </span>
										<span class="dest_price right red t20">¥<strong>{$vo.price}</strong>起</span>
									</p>
								</div>
								</if>

								</volist>
					</div>
					</div>
			
		</div>
		</div>
	
	
	<!-- 推荐主题 -->
	<div class="beeline">
		<div class="beeline_tit02"></div>
		<div class="g_line_l"></div>
		<div class="g_line_r"></div>
	</div>
	<!-- 推荐主题下的图片 -->
	<div class="rec_subject">
		<div class="rec_subli">

			<div class="line_love tit01">家庭亲子</div>

			<div class="line_slip">
				<a href="{:U('Product/lists',array('topic'=>family))}"><strong>{$route_list['family_count']}</strong>条旅游线路 <span>&gt;</span></a>
			</div>
			<div class="rec_con">
				<ul>
					<volist name="route_list['list']" id="vo">
						<if condition ="$vo['topic'] eq 'family' AND $vo['ishot'] eq 1">
						<li>
						<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_self">
							<img src="{$vo.logo}" /></a>
						<div class="rec_txts">
							<!-- <h3>澳世奇观·澳大利亚世界文化遗产9天之旅</h3> -->
							<h3>{$vo.title}</h3>
							<p><span>￥{$vo.price}</span>/人起</p>
						</div>
					</li>
					</if>				
					</volist>
			
				</ul>
			</div>
		</div>
		<div class="rec_subli">
			<div class="line_love tit02">蜜月之行</div>
		<div class="line_slip">
				<a href="{:U('Product/lists',array('topic'=>romantic))}"><strong>{$route_list['romantic_count']}</strong>条旅游线路 <span>&gt;</span></a>
			</div>
			<div class="rec_con">
				<ul>
					<volist name="route_list['list']" id="vo">
						<if condition ="$vo['topic'] eq 'romantic' AND $vo['ishot'] eq 1">
						<li>
						<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_self">
							<img src="{$vo.logo}" /></a>
						<div class="rec_txts">
							<!-- <h3>澳世奇观·澳大利亚世界文化遗产9天之旅</h3> -->
							<h3>{$vo.title}</h3>
							<p><span>￥{$vo.price}</span>/人起</p>
						</div>
					</li>
					</if>				
					</volist>
			
				</ul>
			</div>
		</div>
		<div class="rec_subli">
			<div class="line_love tit03">畅游经典</div>
		<div class="line_slip">
				<a href="{:U('Product/lists',array('topic'=>classic))}"><strong>{$route_list['classic_count']}</strong>条旅游线路 <span>&gt;</span></a>
			</div>
			<div class="rec_con">
				<ul>
					<volist name="route_list['list']" id="vo">
						<if condition ="$vo['topic'] eq 'classic' AND $vo['ishot'] eq 1">
						<li>
						<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_self">
							<img src="{$vo.logo}" /></a>
						<div class="rec_txts">
						
							<h3>{$vo.title}</h3>
							<p><span>￥{$vo.price}</span>/人起</p>
						</div>
					</li>
					</if>				
					</volist>
			
				</ul>
			</div>
		</div>
	<div class="rec_subli">
			<div class="line_love tit04">美食美酒</div>
			<div class="line_slip">
				<a href="{:U('Product/lists',array('topic'=>delicious))}"><strong>{$route_list['delicious_count']}</strong>条旅游线路 <span>&gt;</span></a>
			</div>
			<div class="rec_con">
				<ul>
					<volist name="route_list['list']" id="vo">
						<if condition ="$vo['topic'] eq 'delicious' AND $vo['ishot'] eq 1">
						<li>
						<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_self">
							<img src="{$vo.logo}" /></a>
						<div class="rec_txts">
							<!-- <h3>澳世奇观·澳大利亚世界文化遗产9天之旅</h3> -->
							<h3>{$vo.title}</h3>
							<p><span>￥{$vo.price}</span>/人起</p>
						</div>
					</li>
					</if>				
					</volist>
			
				</ul>
			</div>
		</div>
			<div class="rec_subli">
			<div class="line_love tit05">运动探险</div>
			<div class="line_slip">
				<a href="{:U('Product/lists',array('topic'=>explore))}"><strong>{$route_list['explore_count']}</strong>条旅游线路 <span>&gt;</span></a>
			</div>
			<div class="rec_con">
				<ul>
					<volist name="route_list['list']" id="vo">
						<if condition ="$vo['topic'] eq 'explore' AND $vo['ishot'] eq 1">
						<li>
						<a href="{:U('Product/details',array('id'=>$vo['id']))}" target="_self">
							<img src="{$vo.logo}" /></a>
						<div class="rec_txts">
			
							<h3>{$vo.title}</h3>
							<p><span>￥{$vo.price}</span>/人起</p>
						</div>
					</li>
					</if>				
					</volist>
			
				</ul>
			</div>
		</div>
	</div>

	 <!--底部文章图片-->
	<!--<div class="travel_article">
		<div class="index-b-list">
			<div class="in">
				<ul class="clearfix">
					<volist name="scenery" id="vo">

						<li>
							<a target="_blank" href="{:U('article/detail',array('cat_id'=>53,'id'=>55,'art_id'=>$vo['article_id']))}" class="img">
								<img src="{$vo.thumb}">
								<em><span>{$vo.description}</span></em>
								<i class="i1"></i><i class="i2"></i></a>

							<h5><a target="_blank"  href="{:U('article/detail',array('cat_id'=>53,'id'=>55,'art_id'=>$vo['article_id']))}" >{$vo.title}</a></h5>

						</li>

					</volist>

				</ul>
			</div>
		</div>

	</div>-->

	<!-- 欢迎来到纯粹旅行 -->
	<div class="us_img" style="background-image:url(http://res.cclx.com/home/fo.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://res.cclx.com/home/fo.jpg',sizingMethod='scale');">
		<div class="us_imgbox">
			<p><i class="foot_welcome"></i></p>
		</div>
	</div>
	<div class="back_box">
		<ul>
			<li class="xin">
				<a id="qq-action" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2632674343&site=qq&menu=yes" title="联系在线客服"></a>
			</li>
			<li class="tel">
				<a href="javascript:;" class="btn"></a>
			</li>
			<li class="topbtn" style="display: none;">
				<a href="#"></a>
			</li>
		</ul>
		<!-- WPA Button Begin -->
		<script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php?key=XzkzODA0MDc1MV8yMTYxNTBfNDAwMDYwMDc2Nl8"></script>
		<!-- WPA Button END -->
		<div class="open_box" style="display: none; position: absolute; top: 60px; left: -160px;">
			<div class="open">
				<a href="javascript:;" class="talk">&nbsp;</a>
			</div>
			<div class="open_txt">手机请直接输入，如：1860086xxxx<br>座机前请加区号，如：0105992xxxx<br>输入您的电话号码，点击通话，稍后您将接到我们的电话，该通话对您完全免费，请放心接听！</div>
		</div>
	</div>

	<!-- 内容 -->
	<include file="Public/footer" />

	<script type="text/javascript">
		/*焦点图*/
	</script>

	<script type="text/javascript">
		//轮播图
		$(function() {

			$(".banner").slide({
				titCell: ".hd ul",
				mainCell: ".bd",
				effect: "fold",
				easing: 'swing',
				autoPlay: true,
				interTime: 5000,
				autoPage: true,
				trigger: "click",
				startFun: function(i) {
					var curLi = jQuery(".banner .bd a").eq(i);
					if(!!curLi.attr("_src")) {
						curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
					}
				}
			});
			//选项卡
			jQuery.jqtab = function(tabtit, tab_conbox, shijian) {
				$(tab_conbox).find(".home_con").hide();
				$(tabtit).find("a:first").removeClass("active");

				$(tabtit).find("a:first").addClass("active");

				$('#tab_con').find('.home_con').eq(0).show();
				//	$(tab_conbox).find(".home_con").siblings().eq(suiji).show().siblings(".home_con").hide();

				$(tabtit).find("a").bind(shijian, function() {
					$(this).parent().parent().find('a').removeClass('active');
					$(this).addClass("active");
					//$(this).addClass("active").siblings().removeClass("active");
					var activeindex = $(tabtit).find("a").index(this);
					$(tab_conbox).find(".home_con").siblings().eq(activeindex).show().siblings(".home_con").hide();
					return false;
				});
			};
			$.jqtab("#tab", "#tab_con", "click");
			//QQ配置
			
			
			//导航菜单动画

			//响应式轮播图事件
			$(window).resize(function() {
				var w = $(this).width(),
					h = $(this).height();
				var target = $('a.banevent,.bd', '.banner');
				//target.addClass('loading');
				target.each(function() {
					var a = $(this);
					if(w < 1600) {
						a.css({
							width: '100%',
							height: '590px',
							'background-size': '100% 100%'
						});
						return true;
					}
					var f = 1600 / w;
					a.css({
						'width': 1600 / f,
						'height': 590 / f,
						'background-size': '100% 100%'
					});
				});

			}).trigger('resize');
			$(".banner").mouseover(function() {
				$('.prev,.next').show();
			}).mouseout(function() {
				$('.prev,.next').hide();
			});
		})
	</script>
	<script type="text/javascript">

	
		
		//边侧栏
		$('.back_box li').each(function() {
			var li = $(this);
			if(li.hasClass('tel')) {
				var box = $('.open_box'),
					btn = $('.btn', li);

				function show() {
					box.show();
					var ofset = box.offset(),
						left = ofset.left + 20,
						top = ofset.top + 6;

					$('.lxb-container').css({
						'left': left,
						top: top,
						'position': 'absolute',
						'background': 'transparent'
					}).show();
					$('.lxb-cb-input').css({
						height: '39px',
						color: '#fff',
						'background': 'transparent'
					});
					if($.browser.msie && parseInt($.browser.version || 0, 10) < 9) {
						$('.lxb-cb-input').css({
							'line-height': '35px'
						});
					}
					$('.lxb-cb-input-btn').css({
						height: '30px',
						left: 'auto',
						position: 'absolute',
						right: '-59px',
						top: '4px',
						width: '33px',
						'background': 'transparent'
					}).val('通话');
					$('.lxb-cb-tip').remove();

				}
				//边侧栏
				function bindmouseover() {
					$(window).bind('mouseover', function(e) {
						var target = $(e.target);
						if(target.hasClass('tel') || target.parents('.tel').length > 0 ||
							target.hasClass('open_box') || target.parents('.open_box').length > 0 ||
							target.hasClass('lxb-container') || target.parents('.lxb-container').length > 0
						) {
							show();
						} else {
							box.hide();
							$(window).unbind('mouseover');
							$('.lxb-container').hide()
						}

					});
				}
				if($.browser.msie && parseInt($.browser.version || 0, 10) < 9) {
					var TIMEKEY = undefined;
					li.mouseover(function() {
						clearTimeout(TIMEKEY);
						$('.lxb-container').mouseover(function() {
							clearTimeout(TIMEKEY);
							//menu.show();
						}).mouseout(function() {
							clearTimeout(TIMEKEY);
							li.trigger('mouseout');
						});
						show();
					}).mouseout(function() {
						TIMEKEY = setTimeout(function() {
							box.hide();
							$('.lxb-container').hide();
						}, 500);
					});
					box.mouseover(function() {
						clearTimeout(TIMEKEY);
						//menu.show();
					}).mouseout(function() {
						clearTimeout(TIMEKEY);
						li.trigger('mouseout');
					});

				} else {
					li.mouseover(function() {
						bindmouseover();
					});
				}

			} else if(li.hasClass('topbtn')) {
				$('a', li).click(function(e) {
					e.preventDefault();
					$('html,body').animate({
						scrollTop: 0
					}, 150);
				});
			}
		});

		function login_ajax() {
			var data = $("#loginForm").serialize();

			var url = "{:U('User/login_ajax')}";
			ajax(url, 'post', data, login_back);

		}

		function login_back(data) {
			if(data.status == 1) {
				layer.alert(data.msg, {
					icon: 1
				});
				window.location.href = data.url;

			} else {
				layer.alert(data.msg, {
					icon: 2
				});

			}
		}
		//返回顶部
		$(window).scroll(function() {
			var top = $(this).scrollTop();
			var t = $(window).height() / 2 - 120 / 2;
			if(top > $(window).height()) {
				$('.topbtn', '.back_box').show();
			} else {
				$('.topbtn', '.back_box').hide();
			}

			if(top > $(window).height() / 2) {
				$('.back_box').stop(1, 0).animate({
					top: t
				}, 1000);
			} else {
				t = $(window).height() - 150;
				$('.back_box').stop(1, 0).animate({
					top: t
				}, 1000);
			}
		}).trigger('scroll');
	</script>
	</body>

</html>